{% extends "correspondence/base.html" %}

{% block page_link %}
    <script src="../../static/correspondence/js/inbox_detail.js"></script>
    <link rel="stylesheet" href="../../static/system_setup/css/style.css">
{% endblock %}


{% block style %}
    <style>
        .add_class{
            background: #1E90FF;
        }
        {##sjr {#}
        {#    overflow: hidden;#}
        {#    text-overflow: ellipsis;#}
        {#    white-space: nowrap;#}
        {#    display: inline-block;#}
        {# }#}
    </style>
{% endblock %}



{% block right_content %}

    <div class="headline">
        <div style="width: 15%;height: 100%;line-height: 40px;float: left;padding-left: 1%;">
            <a href="inbox.html" style="color: #0b0b0b;">
                <i class="iconfont icon-jiaoseguanli"></i>
                <span> 收件箱</span>
            </a>
        </div>

    </div>

    <div class="right-box" style="width: 100%;height: 95%;">
        <div style="height: 100%;width: 100%;overflow: auto;">
            <div style="width: 100%;padding-left: 2%;padding-right: 5%;">
                <table style="width: 100%;padding-right: 5%;">
                    <tr>
                        <td height="24" valign="middle" style="word-break:break-all;padding:9px 8px 2px 14px;"
                            class="txt_left settingtable readmail_subject">
                            <div class="qm_left" style="padding-bottom:3px;">
                                <h3 id="mail_title" class="sub_title " style="padding-left:14px;">{{ mail_title }}</h3>
                            </div>
                            <div id="tagContainer" ck="tag" class="TagDiv TagReadmail"
                                 style="overflow:visible;margin-top:0;"></div>
                            <div class="clr"></div>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left:14px;" class="settingtable txt_left">
                            <span class="addrtitle" style="padding-left:14px;">发&nbsp;&nbsp;件&nbsp;&nbsp;人：</span>
                            <span>
                               {{ sender_name }}&lt;{{ sender }}&gt;
                           </span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td style="padding-left:14px;" class="settingtable txt_left">
                            <span class="addrtitle" style="padding-left:14px;">发件时间：</span>
                            <span>
                               {{ create_time }}
                           </span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td style="padding-left:14px;" class="settingtable txt_left">
                            <span class="addrtitle" style="padding-left:14px;">收&nbsp;&nbsp;件&nbsp;&nbsp;人：</span>
                            <span>
                                投递成功 [<a id="click_count" href="javascript:void(0)" onclick="block_div()">查看详情</a>]
                           </span>&nbsp;
                        </td>
                    </tr>
                </table>

                <div id="sjr_table" style="width: 100%;height: 100px;overflow: auto;margin-left: 25px;border-top: #cfcfcf solid 1px;border-bottom: #cfcfcf solid 1px;display: none;">
                    <table style="width: 100%;border: #cfcfcf solid 1px;" id="sjr">
                        <tr style="width: 100%;">
                            <td style="width: 33%;border: #cfcfcf solid 1px;">收件人</td>
                            <td style="width: 33%;border: #cfcfcf solid 1px;">发送状态</td>
                            <td style="width: 33%;border: #cfcfcf solid 1px;">发送时间</td>
                        </tr>
                    </table>
                </div>


                <hr style="margin-top: 1%;">
            </div>


            <div style="margin-top: 3%;padding-left: 2%;padding-right: 5%;">
                <div style="margin-top: 3%;padding-left: 2%;padding-right: 5%;">
                    {% autoescape off %}
                        {{ message_content }}
                    {% endautoescape %}
                </div>
                <hr style="margin-top: 3%;"/>
            </div>

            <br>
            <div id="file_div" style="width: 100%;padding-left: 2%;">
            </div>
        </div>
    </div>


{% endblock %}



{% block script %}
    <script>




    </script>
{% endblock %}
